{{define "content"}}
  <div class="grid">
    <div>
      <hgroup>
        <h2 class="u-author h-card">
          {{ if $.User.Is .Profile.URL }}
            <a href="{{ $.User.URL | trimSuffix "/twtxt.txt" }}" class="u-url">
              <img class="avatar u-photo" src="/user/{{ $.User.Username }}/avatar" />
              <span class="p-name">me</span>
            </a>
          {{ else }}
            <a href="{{ .Profile.URL | trimSuffix "/twtxt.txt" }}" class="u-url p-name">
              <img class="avatar u-photo" src="/user/{{ $.Profile.Username }}/avatar" />
              <span class="p-name">{{ .Profile.Username }}</span>
            </a>
          {{ end }}
        </h2>
        {{ if not ($.User.Is .Profile.URL) }}
          <h3>
            {{ if $.User.Follows .Profile.URL }}
              <a href="/unfollow?nick={{ .Profile.Username  }}">
                <i class="icss-minus"></i>
                Unfollow
              </a>
            {{ else }}
              <a href="/follow?nick={{ .Profile.Username  }}&url={{ .Profile.URL }}">
                <i class="icss-plus"></i>
                Follow
              </a>
            {{ end }}

            {{ if $.User.OwnsFeed .Profile.Username }}
              | <a href="/feed/{{ .Profile.Username  }}/manage">Manage</a>
            {{ end }}
          </h3>
        {{ end}}
        <p><i>{{ .Profile.Tagline }}</i></p>
        <details>
          <summary>Block / Report User</summary>
          <p>
            If this user/feed is violating this Pod's ({{ .InstanceName }})
            community guidelines as set out in the <a href="/abuse">Abuse Policy</a>,
            please report them immediately!
          </p>
          <p>
            You are also free to Unfollow or Mute this user or feed. Muting will
            also remove that user/feed's content from view and you will
            no longer see content from that user/feed anywhere.
          </p>
          <ul>
            <li>
              {{ if $.User.HasMuted .Profile.URL }}
                <a href="/unmute?nick={{ .Profile.Username }}">
                  <i class="icss-sound-3"></i>
                  Unmute
                </a>
              {{ else }}
                <a href="/mute?nick={{ .Profile.Username }}&url={{ .Profile.URL }}">
                  <i class="icss-sound-0"></i>
                  Mute
                </a>
              {{ end }}
            </li>
            <li>
              <a href="/report?nick={{ .Profile.Username  }}&url={{ .Profile.URL }}">
                <i class="icss-exclamation-circle" style="color:red;"></i>
                Report
              </a>
            </li>
          </ul>
        </details>
      </hgroup>
      <p>
        {{ if $.Profile.FollowedBy }}
          <a href="{{ .Profile.TwtURL }}">@{{ .Profile.Username }}
            <i class="icss-exchagne"></i>
          </a>
          follows you
        {{ else }}
          <a href="{{ .Profile.TwtURL }}">@{{ .Profile.Username }}
            <i class="icss-x"></i>
          </a>
          does not follow you (<i>they may not see your replies!</i>)
        {{ end }}
      </p>
    </div>
    <div>
      {{ template "profileLinks" (dict "Profile" .Profile "ShowConfig" false) }}
    </div>
  </div>
  <div class="container">
    <hgroup>
      <h2>Recent Twts</h2>
      <h3>Recent twts from {{ .Profile.Username }}</h3>
    </hgroup>
  </div>
  {{ template "post" (dict "Authenticated" $.Authenticated "User" $.User "TwtPrompt" $.TwtPrompt "MaxTwtLength" $.MaxTwtLength "Reply" $.Reply "AutoFocus" true) }}
  {{ template "feed" (dict "Authenticated" $.Authenticated "User" $.User "Profile" $.Profile "LastTwt" $.LastTwt "Pager" $.Pager "Twts" $.Twts) }}
{{end}}
